﻿
@{
    ViewBag.Title = "Index";
}
<style>
    a{
        color:black;
    }

    a:hover{
        color:red;
    }

    table {
        background-color: white;
        color: black;
        width: 90%;
        margin: auto;
        border-radius: 3px;
        text-align: center;
    }

    th {
        text-align: center;
    }

    .page-btn {
        width: 90%;
        margin-left: 35%;
        color: white;
    }

    .page-input {
        width: 5%;
        border-radius: 6px;
    }

    .th-1 {
        border-top-left-radius: 3px;
    }

    .th-5 {
        border-top-right-radius: 3px;
    }
    .btn-submit {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

    .btn-return {
        color: #fff;
        background-color: #6a6a6a;
        border-color: #6a6a6a;
    }
    footer{
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
    }
</style>
<script>
    $(function () {
        $('.form-group>input[type=submit]').click(function () {
            return false;
        });
    });
</script>
<table class="table table-responsive">
    <tr>
        <th class="th-1">序列</th>
        <th class="th-5">角色名称</th>
    </tr>
    @{  
        foreach (var item in ViewBag.RoleList)
        {
            int index = ViewBag.RoleList.IndexOf(item);
            <tr>
                <td>@(index + 1)</td>
                <td>@item.RoleName</td>
            </tr>
        }
    }
</table>
